<!doctype html>
<html class="no-js" lang="zh-CN">
<head>
  <meta charset="utf-8">
  <base href="/">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>时装工坊</title>
  <meta name="description" content="Minecraft 我的世界 时装工坊" />
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <style>
    #loading{
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 1;
      margin-top: 0px;
      top: 0px;
    }
    #loading-center{
      width: 100%;
      height: 100%;
      position: relative;
    }
    #loading-center-absolute {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 150px;
      width: 150px;
      margin-top: -75px;
      margin-left: -75px;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .object{
      width: 20px;
      height: 20px;
      background-color:#db9e36;
      position: absolute;
      left: 65px;
      top: 65px;
    }
    .object:nth-child(2n+0) {
      margin-right: 0px;
    }
    #object_one {
      -webkit-animation: object_one 2s infinite;
      animation: object_one 2s infinite;
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
    }
    #object_two {
      -webkit-animation: object_two 2s infinite;
      animation: object_two 2s infinite;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
    }
    #object_three {
      -webkit-animation: object_three 2s infinite;
      animation: object_three 2s infinite;
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s;
    }
    #object_four {
      -webkit-animation: object_four 2s infinite;
      animation: object_four 2s infinite;
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s;
    }
    #object_five {
      -webkit-animation: object_five 2s infinite;
      animation: object_five 2s infinite;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
    }
    #object_six {
      -webkit-animation: object_six 2s infinite;
      animation: object_six 2s infinite;
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s;
    }
    #object_seven {
      -webkit-animation: object_seven 2s infinite;
      animation: object_seven 2s infinite;
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
    }
    #object_eight {
      -webkit-animation: object_eight 2s infinite;
      animation: object_eight 2s infinite;
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s;
    }
    #object_big{
      position: absolute;
      width: 50px;
      height: 50px;
      left: 50px;
      top: 50px;
      -webkit-animation: object_big 2s infinite;
      animation: object_big 2s infinite;
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s;
    }
    @-webkit-keyframes object_big {
      50% { -webkit-transform: scale(0.5); }
    }
    @keyframes object_big {
      50% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
      }
    }
    @-webkit-keyframes object_one {
      50% { -webkit-transform: translate(-65px,-65px)  ; }
    }
    @keyframes object_one {
      50% {
        transform: translate(-65px,-65px) ;
        -webkit-transform: translate(-65px,-65px) ;
      }
    }
    @-webkit-keyframes object_two {
      50% { -webkit-transform: translate(0,-65px) ; }
    }
    @keyframes object_two {
      50% {
        transform: translate(0,-65px) ;
        -webkit-transform: translate(0,-65px) ;
      }
    }
    @-webkit-keyframes object_three {
      50% { -webkit-transform: translate(65px,-65px) ; }
    }
    @keyframes object_three {
      50% {
        transform: translate(65px,-65px) ;
        -webkit-transform: translate(65px,-65px) ;
      }
    }
    @-webkit-keyframes object_four {
      50% { -webkit-transform: translate(65px,0) ; }
    }
    @keyframes object_four {
      50% {
        transform: translate(65px,0) ;
        -webkit-transform: translate(65px,0) ;
      }
    }
    @-webkit-keyframes object_five {
      50% { -webkit-transform: translate(65px,65px) ; }
    }
    @keyframes object_five {
      50% {
        transform: translate(65px,65px) ;
        -webkit-transform: translate(65px,65px) ;
      }
    }
    @-webkit-keyframes object_six {
      50% { -webkit-transform: translate(0,65px) ; }
    }
    @keyframes object_six {
      50% {
        transform:  translate(0,65px) ;
        -webkit-transform:  translate(0,65px) ;
      }
    }
    @-webkit-keyframes object_seven {
      50% { -webkit-transform: translate(-65px,65px) ; }
    }
    @keyframes object_seven {
      50% {
        transform: translate(-65px,65px) ;
        -webkit-transform: translate(-65px,65px) ;
      }
    }
    @-webkit-keyframes object_eight {
      50% { -webkit-transform: translate(-65px,0) ; }
    }
    @keyframes object_eight {
      50% {
        transform: translate(-65px,0) ;
        -webkit-transform: translate(-65px,0) ;
      }
    }
  </style>
<!--[if lt IE 9]>
<div class="am-modal am-modal-no-btn am-modal-active" tabindex="-1" id="doc-modal-1" >
  <div class="am-modal-dialog">
    <div class="am-modal-hd">360 安全卫士提醒</div>
    <div class="am-modal-bd">你的浏览器太古董了，还不换一个你就奥特曼了
      <a href="http://chrome.360.cn/" target="_blank" class="am-btn am-btn-danger am-btn-sm am-radius" rel="nofollow">速速点击换一个</a>
    </div>
  </div>
</div>
<![endif]-->
</head>
<body>
  <app-root>
    <div id="loading">
      <div id="loading-center">
        <div id="loading-center-absolute">
          <div class="object" id="object_one"></div>
          <div class="object" id="object_two"></div>
          <div class="object" id="object_three"></div>
          <div class="object" id="object_four"></div>
          <div class="object" id="object_five"></div>
          <div class="object" id="object_six"></div>
          <div class="object" id="object_seven"></div>
          <div class="object" id="object_eight"></div>
          <div class="object" id="object_big"></div>
        </div>
      </div>
    </div>
  </app-root>

  <!--[if lt IE 9]>
  <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
  <script src="assets/js/amazeui.legacy.js"></script>
  <![endif]-->
  <script src="assets/js/echo.min.js"></script>
  <!--[if (gte IE 9)|!(IE)]><!-->
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/amazeui.min.js"></script>
  <!--<![endif]-->
  <script src='assets/js/jquery.qrcode.min.js'></script>

  <script type="text/javascript">
    $(function(){
      var str = "http://www.imj2.com";
      $("#code").qrcode({
        render: "table",
        width: 100,
        height:100,
        text: str
      });
    })
    // 二维码生成
    //返回顶部
    function imj2(){
      this.init();
    }
    imj2.prototype = {
      constructor: imj2,
      init: function(){
        this._initBackTop();
      },
      _initBackTop: function(){
        var $backTop = this.$backTop = $('<div class="m-top-cbbfixed">'+
          '<a class="m-top-weixin m-top-cbbtn"">'+
          '<span class="m-top-weixin-icon"></span><div></div>'+
          '</a>'+
          '<a class="m-top-go m-top-cbbtn">'+
          '<span class="m-top-goicon"></span>'+
          '</a>'+
          '</div>');
        $('body').append($backTop);

        $backTop.click(function(){
          $("html, body").animate({
            scrollTop: 0
          }, 120);
        });

        var timmer = null;
        $(window).bind("scroll",function() {
          var d = $(document).scrollTop(),
            e = $(window).height();
          0 < d ? $backTop.css("bottom", "10px") : $backTop.css("bottom", "-90px");
          clearTimeout(timmer);
          timmer = setTimeout(function() {
            clearTimeout(timmer)
          },100);
        });
      }

    }
    var imj2 = new imj2();
    //end返回顶部
  </script>
</body>
</html>
